<template>
  <div id="app">
    <router-view v-if="isRouterAlive"/>
  </div>
</template>

<script>
import Vue from 'vue'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import 'bootstrap/dist/css/bootstrap.css'
import './assets/css/font-awesome.css'
import bootstrapvue from 'bootstrap-vue'
Vue.use(bootstrapvue)
// import './assets/css/bootstrap.css'
// import './assets/js/jquery-3.4.1.min.js'
let vevent = new Vue()
export default {
  // 实时更新的方法
  provide(){
    return{
      reload:this.reload
    }
  },
  data(){
    return{
      isRouterAlive:true
    }
  },
  methods:{
    reload(){
      this.isRouterAlive=false
      this.$nextTick(function(){
        this.isRouterAlive=true
      })
    }
  }
}
</script>

<style>
html,body,#app{
  width:100%;
  height:100%;
  font-size:16px;
}
</style>
